import React from 'react';
import { Carousel } from 'antd';
import './style/bidding.css';

const Bidding = () => {
  return (
    <div>
      <div className="bidding_carousel">
        <Carousel autoplay>
          <div>
            <img src="https://pinduoduoimg.yangkeduo.com/srm/banner2.jpg" height="410px" alt="" />
          </div>
          <div>
            <img src="https://pinduoduoimg.yangkeduo.com/srm/banner1.jpg" height="410px" alt="" />
          </div>
        </Carousel>
      </div>
      <div className="bidding_box">
        <div className="bidding_title">
          <div style={{ width: '576px' }}>
            <div style={{ paddingBottom: '12px', position: 'relative' }}>
              <h2>采购公告</h2>
              <span className="bidding_span">
                <span>查看更多</span>
              </span>
            </div>
            <div style={{ borderBottom: 'solid 1px #ebebeb' }}></div>
            <div style={{ borderTop: 'solid 4px #fc475d', width: '48px' }}></div>
          </div>

          <div style={{ width: '576px' }}>
            <div style={{ paddingBottom: '12px', position: 'relative' }}>
              <h2>招标公告</h2>
              <span className="bidding_span">
                <span>查看更多</span>
              </span>
            </div>
            <div style={{ borderBottom: 'solid 1px #ebebeb' }}></div>
            <div style={{ borderTop: 'solid 4px #fc475d', width: '48px' }}></div>
          </div>
        </div>
        <div className="bidding_content">
          <div className="bidding_content_item">
            <div className="bidding_content_list">
              <span className="bidding_dian"></span>
              <p>拼多多招采信息平台使用手册V1.0</p>
              <span className="bidding_time">2020-06-24</span>
            </div>
            <div className="bidding_content_list">
              <span className="bidding_dian"></span>
              <p>拼多多员工餐供餐项目供应商寻源</p>
              <span className="bidding_time">2020-06-21</span>
            </div>

            <div className="bidding_content_list">
              <span className="bidding_dian"></span>
              <p>拼多多采购“廉正”告知书</p>
              <span className="bidding_time">2020-06-04</span>
            </div>
          </div>
          <div className="bidding_content_item">
            <div className="bidding_content_list">
              <span className="bidding_dian"></span>
              <p>拼多多2020年饮用水框架采购项目</p>
              <span className="bidding_time">2020-06-09</span>
            </div>
          </div>
        </div>
      </div>
      <div className="bidding_footer">
        <div className="bidding_footer_box">
          <h2>供应商合作流程</h2>
          <div className="bidding_footer_xian"></div>
          <div className="bidding_footer_red"></div>
          <div className="bidding_footer_list"></div>
        </div>
      </div>
    </div>
  );
};

export default Bidding;
